@font-face {
    font-family: 'roboto-bold';
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;               /* Elimina todos los márgenes de los elementos */
    padding: 0;              /* Elimina todos los rellenos de los elementos */
    box-sizing: border-box;  /* Asegura que el borde y el relleno se incluyan en el ancho y alto del elemento */
}
h1{
    font-family: 'roboto-bold';
    font-size: 22pt;
}
h2{
    font-family: 'roboto-regular';
    font-size: 16pt;
}
a {
    text-decoration: none; /* Quita el subrayado */
    color: initial; /* Usa el color predeterminado del navegador */
    outline: none; /* Quita el contorno alrededor del enlace */
}

/* <---------------------------Body, Index, list class---------------------->*/
body {
    background: linear-gradient(70deg, rgb(184, 212, 255) 0%, #ffffff 100%);
    color: rgb(54, 54, 54);

}